<style lang="less" scoped>
// 占位div样式
.left-div {
  visibility: hidden;
  border-style: solid;
  border-color: black;
  /* border-right-color: red; */
  border-color: transparent;
}

.content-wrapper{

}

.right-aside-wrapper{
  margin-left: 10px
}

body {
  overflow: scroll;
}
</style>
<template>
  <div class="ora-web-index">
    <Row>
      <Col span="2" class="left-div"></Col>
      <Col span="21">
        <Row>
          <Col span="19">
            <div class="content-wrapper">
              <!-- 内容 -->
              <com-main-content></com-main-content>
            </div>
          </Col>
          <!-- 右边侧边栏 -->
          <Col span="5">
          <div class="right-aside-wrapper">
            <com-right-aside :roomInfo="roomInfo"></com-right-aside>
          </div>
          </Col>
        </Row>
      </Col>
    </Row>
  </div>
</template>
<script>
import ComMainContent from './ComMainContent.vue'
import ComRightAside from './ComRightAside.vue'

export default {
  components: {
    ComMainContent,
    ComRightAside
  },
  data () {
    return {
      // 答疑室相关
      roomInfo: { }
    }
  },
  methods: {
    // 获取个人的答疑室列表
    query () {
      this.$httpUtil.asyncPost(
        'web/raroom/queryMyRaRoomList',
        {},
        res => {
          if (res.data.code === 200) {
            this.roomInfo = res.data.records
          } else {
            this.$Message.error(res.data.msg)
          }
        }
      )
    },

    // 页面初始化方法
    init () {
      this.query()
    }
  },
  computed: {
  },
  watch: {},
  mounted () {
    this.init()
  }
}
</script>
